<div data-role="page" data-theme="c">

<div data-role="header">
	<div data-role="navbar" id="jqm-top-nav">
		<ul>
			<li><a href="/app" data-icon="home">Home</a></li>
			<li><a href="<%= url_for :controller => :Events, :action => :index %>" data-icon="star" class="ui-btn-active">Events</a></li>
			<li><a href="<%= url_for :controller => :Experience, :action => :index %>" data-icon="grid">Experience</a></li>
			<li><a href="<%= url_for :controller => :Help, :action => :index %>" data-icon="info">Help</a></li>
		</ul>
	</div><!-- /navbar -->

</div>

<div data-role="header">
	<h1><font color="green">EVENTS</font></h1>
	<a data-theme="c" id="backBtn" href="#" data-rel="back" data-icon="arrow-l">Back</span></a>
</div>

<div data-role="content">
		<h2><font color="red">BRANCH EVENTS</font></h2>	
		<div data-role="collapsible-set">
			<div data-role="collapsible" data-collapsed="true">
				<h3><font color="red">BIZ</font></span></h3>
				
				<p><a href="<%= url_for :controller => :Events, :action => :asynchttp1 %>">E-PITCH</a></p>
				<p><a href="<%= url_for :controller => :Events, :action => :asynchttp2 %>">AD-VENTURE</a></p>
				<p><a href="<%= url_for :controller => :Events, :action => :asynchttp3 %>">MOCK STOCK</a></p>
				
			</div>
		</div>
		<div data-role="collapsible-set">
			<div data-role="collapsible" data-collapsed="true">
				<h3><font color="red">COMPS</font></span></h3>
								
				<p><a href="<%= url_for :controller => :Events, :action => :asynchttp4 %>">INSCRIPTION</a></p>
				<p><a href="<%= url_for :controller => :Events, :action => :asynchttp5 %>">MARATHON</a></p>
				<p><a href="<%= url_for :controller => :Events, :action => :asynchttp6 %>">RECTIFY</a></p>
				<p><a href="<%= url_for :controller => :Events, :action => :asynchttp7 %>">CODE COMBAT</a></p>
				<p><a href="<%= url_for :controller => :Events, :action => :asynchttp8 %>">GAMING GEEK</a></p>
				<p><a href="<%= url_for :controller => :Events, :action => :asynchttp9 %>">CONTRIVE</a></p>
				
			</div>
		</div>
		<div data-role="collapsible-set">
			<div data-role="collapsible" data-collapsed="true">
				<h3><font color="red">MATH</font></span></h3>
				
				<p><a href="<%= url_for :controller => :Events, :action => :asynchttp10 %>">ONLINE MATH</a></p>
				<p><a href="<%= url_for :controller => :Events, :action => :asynchttp11 %>">ONLINE ALGORITHMS</a></p>
				
			</div>
		</div>
		<div data-role="collapsible-set">
			<div data-role="collapsible" data-collapsed="true">
				<h3><font color="red">MECH</font></span></h3>
				
				<p><a href="<%= url_for :controller => :Events, :action => :asynchttp12 %>">VELOCITY</a></p>
				<p><a href="<%= url_for :controller => :Events, :action => :asynchttp13 %>">PERFECT MACHINE</a></p>
				<p><a href="<%= url_for :controller => :Events, :action => :asynchttp14 %>">PROTEUS</a></p>				
				<p><a href="<%= url_for :controller => :Events, :action => :asynchttp15 %>">AIRSHOW</a></p>
				<p><a href="<%= url_for :controller => :Events, :action => :asynchttp16 %>">BLUEPRINT</a></p>
				
			</div>
		</div>
	<h2><font color="red">SCE</font></h2>
	<div data-role="collapsible-set">
		<div data-role="collapsible" data-collapsed="true">
			<h3><font color="red">EVENTS</font></span></h3>		
			<!--<p>I have <code>data-theme</code> attribute set manually on my container to set the color to match the content block I'm in. </p>-->
						
			<p><a href="<%= url_for :controller => :Events, :action => :asynchttp17 %>">SRISHTI</a></p>
			<p><a href="<%= url_for :controller => :Events, :action => :asynchttp18 %>">STUDENT</a></p>
			<p><a href="<%= url_for :controller => :Events, :action => :asynchttp19 %>">INDIA INNOVATES</a></p>
			<p><a href="<%= url_for :controller => :Events, :action => :asynchttp20 %>">LAST WORD</a></p>
			<p><a href="<%= url_for :controller => :Events, :action => :asynchttp21 %>">GREEN ENGINEER</a></p>
			<p><a href="<%= url_for :controller => :Events, :action => :asynchttp22 %>">SPARSH</a></p>	
			<p><a href="<%= url_for :controller => :Events, :action => :asynchttp23 %>">NIRVAHANA</a></p>	
				
		</div><!-- /collapsible -->
	</div><!-- /themed container -->


	<ul data-role="listview" data-inset="true">
		<li>
			<img src="/public/images/album-bb.jpg" />
			<h3><a href="index.html">Featured Event 1</a></h3>

			<p>Broken Bells</p>
			<a href="index.html">Purchase album</a>

		</li>
		<li>
			<img src="/public/images/album-hc.jpg" />
			<h3><a href="index.html">Warning</a></h3>
			<p>Hot Chip</p>
			<a href="index.html">Featured Event 1</a>
		</li>
	</ul>


</div>

</div>

